body{
    margin: 0;
    padding:0;
    background-color: rgba(255, 255, 255, 0.92);
}

.haedtop {
    width: 100%;
    height: 220px;
}

.haedtop .top{
    width: 100%;
    height: 30px;
    background-color: rgba(212, 206, 203, 0.95);
}

.top .left
{
    width: 400px;
    height: 30px;
    float: left;
    margin-left: 100px;
    line-height: 30px;
}

.top .left span a{
    text-decoration: none;
    color: rgba(170, 169, 155, 0.95);
    font-size: 0.9em;
}

.top .left span a:hover{
    color: rgba(6, 180, 190, 0.95);
}

.top .left .spana{
    display: inline-block;
    width: 110px;
    height: 30px;
    background-image: url(../images/mark_tl1_08.png);
    background-repeat: no-repeat;
    background-position: left;
    text-align: center;
}

.top .left .spanb{
    width: 110px;
    height: 30px;
    display: inline-block;
    background-image: url(../images/mark_tl2_10.png);
    background-repeat: no-repeat;
    color: rgba(168, 162, 159, 0.95);
    background-position: left;
    text-align: center;
}

.top .right{
    width: 300px;
    height: 30px;
    float: right;
    margin-right: 40px;
    line-height: 30px;
    text-align: center;
    color: rgba(170, 169, 155, 0.95);
}

.top .right span{
    display: inline-block;
    width: 60px;
    height: 30px;
}
.top .right span a{
    text-decoration: none;
    color: rgba(169, 169, 169, 0.98);
    font-size: 0.9em;
}

.top .right span a:hover{
    color: rgba(6, 180, 190, 0.95);
}

.haedtop .body{
    width: 100%;
    height: 150px;
}

.haedtop .body .logo{
    width: 300px;
    height: 150px;
    float: left;
    margin-left: 60px;
    background-image: url(../images/logo_08.png);
    background-repeat: no-repeat;
    background-position: center;
}

.haedtop .body .search{
    width: 400px;
    height: 150px;
    float: left;
}

.search .bound{
    width: 400px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid rgba(12, 186, 191, 0.95);
    margin-top: 55px;
}

.search .bound .myinput{
    border: none;
    outline: none;
    margin-top: 10px;
    margin-left: 20px;
}

.haedtop .sublist{
    width: 420px;
    height: 150px;
    float: right;
    margin-right: 40px;
}

.sublist .sub1{
    margin-top: 52px;
    display: block;
    width: 140px;
    background-image: url(../images/mark.png);
    background-repeat: no-repeat;
    background-position: left 0px;
    float: left;
    text-align: center;
    text-indent: 40px;
    color: rgba(184, 184, 212, 0.95);
}

.sublist .sub2{
    margin-top: 52px;
    display: block;
    width: 140px;
    background-image: url(../images/mark.png);
    background-position: left -39px;
    background-repeat: no-repeat;
    float: left;
    text-align: center;
    text-indent: 40px;
    color: rgba(184, 184, 212, 0.95);
}

.sublist .sub3{
    margin-top: 52px;
    display: block;
    width: 140px;
    background-image: url(../images/mark.png);
    background-repeat: no-repeat;
    background-position: left -79px;
    float: left;
    text-align: center;
    text-indent: 40px;
    color: rgba(184, 184, 212, 0.95);
}

.subspan1{
    display: block;
    font-size: 1.1em;
    color: rgba(0, 0, 0, 0.98);
}

.subspan2{
    display: block;
    font-size: 0.8em;
}

.haedtop .foot{
    width: 100%;
    height: 40px;
    border-bottom: 3px solid rgba(2, 108, 212, 0.95);
}

.foot .footleft{
    width: 400px;
    height: 40px;
    margin-left: 60px;
    float: left;
    padding-left: 50px;
}

.footleft span{
    display: inline-block;
    margin-top: 5px;
    font-size: 1.2em;
    width: 100px;
    height: 40px;
}

.footleft span a{
    text-decoration: none;
    color: rgba(0, 0, 0, 0.95);
}

.footleft span a:hover{
    color: rgba(180, 180, 180, 0.95);
}

.foot .footright{
    width: 400px;
    height: 40px;
    margin-right: 30px;
    float: right;
}

.footright span{
    display: inline-block;
    margin-top: 3px;
    color: rgba(35, 35, 35, 0.95);
    width: 150px;
    height: 22px;
    font-size: larger;
    text-indent: 30px;
}

.spanbackground1{
    background-image: url(../images/mark_nav.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    transition:all ease 0.2s;
}

.spanbackground2{
    background-image: url(../images/mark_nav.png);
    background-position: 0px -43px;
    background-repeat: no-repeat;
    transition:all ease 0.2s;
}

.footright .hou2{
    float: left;
}

.footright .hou2 span:hover {
     background-image: url(../images/mark_nav.png);
     background-position: 0px -65px;
     background-repeat: no-repeat;
     transition:all ease 0.2s;
 }

.footright .hou1{
    float: left;
}

.footright .hou1 span:hover {
    background-image: url(../images/mark_nav.png);
    background-position: 0px -18px;
    background-repeat: no-repeat;
    transition:all ease 0.2s;
}

.footright span a{
    text-decoration: none;
    color: rgba(15, 0, 7, 0.98);
}

.footright span a:hover{
    color: rgba(0, 124, 174, 0.98);
}

.bodycontent {
    width: 1090px;
    height: 1000px;
    margin: auto;
    margin-top: 20px;
}

.bodycontent .left{
    width: 250px;
    height: 100%;
    float: left;
}

.bodycontent .left .nick{
    margin-top: 30px;
    width: 100%;
    height: 200px;
    text-align: center;
    border-bottom: 2px solid rgba(5, 169, 174, 0.98);
}

.bodycontent .left .nick a{
    text-decoration: none;
    color: rgba(0, 0, 0, 0.95);
}

.bodycontent .left .nick img{
    border-radius: 50%;
}

.bodycontent .left .nick span{
    display: block;
    margin-top: 20px;
}

.bodycontent .left ul{
    margin: 0;
    padding:0;
}

.bodycontent .left ul li{
    list-style: none;
    width: 100%;
    height: 45px;
    text-align: center;
    font-size: 1.3em;
    padding-top: 10px;
    background-color: rgba(255, 250, 253, 0.92);
}

.bodycontent .left ul li a{
    text-decoration: none;
    color: rgba(0, 0, 0, 0.98);
}

.bodycontent .left ul li a:hover{
    color: rgba(0, 169, 65, 0.98);
}

.receiveaddress{
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    background-position: 50px 10px;
}

.mylesscount{
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    background-position: 50px -28px;
}

.myproject{
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    background-position: 50px -66px;
}

.myshouyi{
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    background-position: 50px -110px;
}

.myzhichi{
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    background-position: 50px -149px;
}

.myshoucang{
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    background-position: 50px -185px;
}

.bodycontent .right{
    width: 830px;
    height: 100%;
    float: right;
}

.myaddresshead{
    padding-top: 30px;
    padding-left: 50px;
    width: 100%;
    height: 30px;
    border-bottom: 2px solid rgba(39, 103, 174, 0.98);
}

.myaddresshead span{
    display: block;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
}

.myaddressbody{
    width: 100%;
    height: 730px;
    padding-top: 30px;
}

.myaddressbody ul li{
    list-style: none;
    margin-top: 10px;
}

.myaddressbody span{
    float: right;
    margin-right: 30px;
    display: none;
}

.myaddressbody span a{
    text-decoration: none;
    color: #2aabd2;
}

.myaddressbody ul li:hover span{
    display: block;
}

.show{
    display: block;
}

.hidden{
    display: none;
}

.tail{
    width: 100%;
    height: 250px;
    background-color: rgba(110, 253, 243, 0.3);
}

.tail .left{
    width: 830px;
    height: 200px;
    float: left;
}
.tail .left .top{
    width: 100%;
    height: 180px;
    padding-left: 30px;
}

.tail .left .top .div_l{
    margin-top: 70px;
    float:left;
    width: 150px ;
    height: 50px;
    border-radius: 40px;
    margin-left: 30px;
    border: 1px solid rgba(135, 150, 125, 0.95);
}

.tail .left .top .bg1{
    background-image: url(../images/footer_ding_11.png);
    background-repeat: no-repeat;
    background-position: left;
}

.tail .left .top .bg2{
    background-image: url(../images/footer_tv_13.png);
    background-repeat: no-repeat;
    background-position: left;
}

.tail .left .top .bg3{
    background-image: url(../images/footer_repay_15.png);
    background-repeat: no-repeat;
    background-position: left;
}

.tail .left .top .bg4{
    background-image: url(../images/footer_gift_17.png);
    background-repeat: no-repeat;
    background-position: left;
}

.tail .left .top div .spana{
    display:block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-indent: 35px;
    font-size: 0.9em;
    float: left;
}

.tail .left .top .divarrow{
    float:left;
    width: 20px;
    height: 50px;
    padding-top: 55px;
}

.tail .left .top .divarrow span{
    display: block;
    width: 20px;
    height: 50px;
    padding-top: 30px;
    text-indent: 20px;
}

.tail .left .below{
    width: 100%;
    height: 70px;
    padding-left: 90px;
}

.tail .left .below span{
    display: inline-block;
    width: 60px;
    height: 70px;
    font-size: 0.8em;
    text-align: center;
}

.tail .mid{
    margin-left: 40px;
    width: 120px;
    height: 200px;
    float:left;
}

.tail .mid .weichat{
    margin-top: 20px;
    width: auto;
    height: 150px;
    padding-top: 24px;
    background-image: url(../images/phone.png);
}

.tail .mid .weichat span{
    display: block;
    margin: auto;
    line-height: 30px;
    text-align: center;
}

.tail .mid .weichat img{
    margin-top: 10px;
    margin-left: 18px;
}

.tail .right{
    width: 300px;
    height: 250px;
    float:right;
}

.tail .right .div1{
    margin-top: 40px;
    width: 100%;
    height: 40px;
}

.tail .right .div1 span{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.tail .right .div2{
    width: 100%;
    height: 40px;
    background-image: url(../images/footer_phone_05.png);
    background-position: left;
    background-repeat: no-repeat;
}

.tail .right .div2 span{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align:left;
    text-indent: 30px;
    color: rgba(225, 143, 0, 0.92);
}

.tail .right .div3{
    width: 100%;
    height: 40px;
    background-image: url(../images/footer_mail_11.png);
    background-position: left;
    background-repeat: no-repeat;
}

.tail .right .div3 span{
    width: 100%;
    height: 40px;
    display: block;
    line-height: 50px;
    text-align: left;
    text-indent: 30px;
}

.tail .right .div4{
    width: 100%;
    height: 40px;
}

.tail .right .div4 span{
    font-size: 0.8em;
}

.copyright{
    width: 100%;
    height: 40px;
    background-color: #0f0f0f;
    padding-top: 10px;
}

.copyright span{
    color: rgba(250, 255, 255, 0.92);
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
